<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/sm.min.css">
    <link rel="stylesheet" href="css/forum.css"/>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

</head>

<body>

<div class="page-group">
    <!-- 你的html代码 -->
    <div class="page page-current">
        <header class="bar bar-nav header">
            <div class="float-left">
                <a class="icon  pull-left open-panel">
                    <img class="open-panel-ioc" src="img/open-panel-ioc.png"/>
                </a>
            </div>
            <h1 class="title">论坛</h1>
        </header>
        <nav class="bar bar-tab bottom-tab-li">
            <a class="tab-item external" href="#position">
						<span class="icon near-ico">
                  	<img src="img/near-ico.png"/>
                  </span>
                <span class="tab-label bottom-tab">附近</span>
            </a>
            <a class="tab-item external" href="#activity">
						<span class="icon activity-ico">
                  	<img src="img/activity-ico.png"/>
                  </span>
                <span class="tab-label bottom-tab">活动</span>
            </a>
            <a class="tab-item external">
						<span class="icon forum-ico">
                  	<img src="img/forum-ico.png"/>
                  </span>
                <span class="tab-label bottom-tab">论坛</span>
            </a>

        </nav>

        <!--
      作者：838689775@qq.com
      时间：2017-04-04
      描述：
  -->
        <!-- content拥有"pull-to-refresh-content"类,表示启用下拉刷新 -->
        <div class="content pull-to-refresh-content" data-ptr-distance="55">
            <!-- 默认的下拉刷新层 Start-->
            <div class="pull-to-refresh-layer">
                <div class="preloader"></div>
                <div class="pull-to-refresh-arrow"></div>
            </div>
            <!-- 默认的下拉刷新层 End-->

            <!-- 这里是页面内容区 -->

            <div class="page-index page-conten ">
                <!--搜索框-->

                <div class="search-input">
                    <input type="search" ng-model="searchContent" id='search-activity' placeholder='搜索'/>
                    <a href="#forumSearch/{{searchContent}}">
                        <img class="search-ioc " src="img/search-ioc.png" ng-click="search()"/>
                    </a>
                </div>
                <!--搜索框-->


                <!------------选项卡----------- -->
                <div class="tabs">

                    <div id="tab1" class="tab active">

                        <div class="content-block card-box clearfix">

                            <div class="forum-card clearfix" ng-repeat="x in names">
                                <div class="forum-card-top">
                                    <div class="forum-user-img float-left">

                                        <img ng-if="x.imagePath!=null"
                                             ng-src="{{url+x.imagePath}}"/>
                                        <img ng-if="x.imagePath==null" src="img/noneimg.jpg"/>
                                    </div>
                                    <a class="forum-a" href="#forumDetails/{{x.fid}}">
                                        <div class="forum-inf float-left">
                                            <a class="forum-username">{{x.nickname}}</a>
                                            <br/>
                                            <span class="forum-title line-limit-length">{{x.title}}</span>
                                            <span class="forum-describe line-limit-length">{{x.content}}</span>

                                        </div>
                                    </a>
                                </div>

                                <div class="clear-both forum-img float-left">
                                    <img src="{{url+x.imgPath}}"/>
                                </div>
                            </div>


                        </div>

                    </div>

                    <div id="tab2" class="tab">
                        <div class="content-block">
                            <p>This is tab 2 content</p>
                        </div>
                    </div>

                    <div id="tab3" class="tab">
                        <div class="content-block">
                            <p>This is tab 3 content</p>
                        </div>
                    </div>
                </div>
                <!-- ----------选项卡----------- -->


            </div>
            <!--page-index-End-->
        </div>
        <a href="#publishForum" class="add">
            <img src="img/add-ioc.png"/>
        </a>
        <!--content-end-->
    </div>
    <!--page-end-->
</div>
<!--pagegroup-end-->
<!--侧边栏-->
<div class="panel panel-left panel-reveal theme-dark " id='panel-left-demo'>
    <img id="panel-bg"/>
    <a href="#person">
        <div class="content-block  ">

            <img ng-if="userImg!=null" class="float-left touxiang" ng-src="{{userImg}}"/>
            <img ng-if="userImg==null" class="float-left touxiang" src="img/noneimg.jpg"/>
            <div class="" ng-if="username!=null">
                <p class="p1" ng-show="nickname==null"><a href="#person"
                                                          style="display: block; margin-top: 20px;">更改昵称</a></p>
                <p class="p1" ng-show="nickname!=null">{{nickname}}</p>

            </div>
            <div class="" ng-show="username==null">
                <a href="#login" class="gologin">去登陆</a>

            </div>
            <div id="panel-where">
                <img ng-show="username!=null" src="img/near-ico.png">
                <a ng-show="username!=null"> 成都</a>
            </div>
            <p ng-show="underwrite!=null">{{underwrite}}</p>        </div>
    </a>

    <div id="myactivityinf">
        <a href="myActivity.html">
            <div>
                <span class="num">{{useractivitynum}}</span>
                <span class="inf">我的活动</span>
            </div>
        </a>
        <a href="myForum.html">
            <div>
                <span class="num">{{userforumnum}}</span>
                <span class="inf">我的帖子</span>
            </div>
        </a>
        <a href="myCollection.html">
            <div>
                <span class="num">{{usercollectnum}}</span>
                <span class="inf">我的收藏</span>
            </div>
        </a>
    </div>


    <div class="panel-list">
        <ul>
            <li><a href="#person"><img class="float-left" src="img/person-tab.png"/><span
                    class="float-left">主页</span></a></li>
            <li><a href="#myActivity"><img class="float-left" src="img/news-tab.png"/><span
                    class="float-left">我的活动</span></a></li>
            <li><a href="#myForum"><img class="float-left" src="img/parents-tab.png"/><span
                    class="float-left">我的帖子</span></a></li>
            <li><a href="#myCollection"><img class="float-left" src="img/aboutUs-tab.png"/><span
                    class="float-left">我的收藏</span></a></li>
            <li><a href="#feedback"><img class="float-left" src="img/suggest-tab.png"/><span
                    class="float-left">意见反馈</span></a></li>
        </ul>
    </div>

</div>
<!--侧边栏-->

<script type="text/javascript" src="js/zepto.js" charset='utf-8'></script>
<script type="text/javascript" src="js/sm.min.js" charset='utf-8'></script>

</body>

</html>